import React, { Component } from 'react'
// import qs from 'querystring'  // 以前自带，现在需要下载

// let obj1 = {name:'tom',age:18} 
// console.log(qs.stringify(obj1));  // 打印name=tom&age=18 【urlencoded形式 u-r-l-应-叩-定-特】
// let obj2 = 'name=tom&age=18'
// console.log(qs.parse(obj2));  // 打印{name:'tom',age:18} 


const data = [
  { id: '01', content: '第一条数据' },
  { id: '02', content: '第二条数据' },
  { id: '03', content: '第三条数据' }
]

export default class Detail extends Component {

  render() {
    // 接收params参数
    // const { match: { params: { id, title } } } = this.props
    
    // 接收search参数
    // const { search } = this.props.location
    // const { id, title } = qs.parse(search.slice(1))

    // 接收state参数
    const { id, title } = this.props.location.state

    const findRes = data.find(obj=> obj.id === id)
    console.log(this.props.location);

    return (
      <ul>
        <li>ID：{id}</li>
        <li>TITLE：{title}</li>
        <li>CONTENT：{findRes?.content}</li>
      </ul>
    )
  }
}
